定位
- position
- z-index
- top
- right
- bottom
- left
- clip
布局
| 属性 | 版本 | 继承性 | 描述 |
|---|---|---|---|
| display | CSS2/3 | 无 | 定义了元素是否显示，及生产哪种盒用于显示。 |
| float | CSS1 | 无 | 定义了元素是否x向左或者向右浮动放置。 |
| clear | CSS1 | 无 | 定义了一个元素是否可以放置在它之前的浮动元素旁边，或者必须向下移动在新行中放置 |
| visibility | CSS2 | 有 | 定义了元素是否可见，与 display 不同，此属性为隐藏的对象保留其占据的物理空间。 |
| overflow | CSS2/3 | 无 | 简写属性，定义了元素处理溢出内容的方式 |
尺寸和补白
| 属性 | 版本 | 继承性 | 描述 |
|---|---|---|---|
| width | CSS1 | 无 | 定义了元素内容区（content area）的宽度 |
| min-width | CSS2 | 无 | 定义了元素内容区（content area）的最小宽度 |
| max-width | CSS2 | 无 | 定义了元素内容区（content area）的最大宽度 |
| height | CSS1 | 无 | 定义了元素内容区（content area）的高度 |
| min-height | CSS2 | 无 | 定义了元素内容区（content area）的最小高度 |
| max-height | CSS2 | 无 | 定义了元素内容区（content area）的最大高度 |
| margin | CSS1 | 无 | 为元素设置所有四个方向（上右下左）的外边距 |
| padding | CSS1 | 无 | 为元素设置所有四个方向（上右下左）的内边距，即内容和元素边界之间的空间 |
背景与边框
| 属性 | 版本 | 继承性 | 描述 |
|---|---|---|---|
| border | CSS1 | 无 | 简写属性。定义元素边框的外观特性。 |
| border-width | CSS1 | 无 | 简写属性。定义元素边框厚度。 |
| border-style | CSS1 | 无 | 简写属性。定义元素边框样式。 |
| border-color | CSS1 | 无 | 简写属性。定义元素边框的边框颜色。 |
| border-shadow | CSS3 | 无 | 定义元素的阴影 |
| background | CSS1/3 | 无 | 简写属性。定义元素的背景特性。 |
| background-color | CSS1 | 无 | 定义元素的背景颜色。 |
| background-image | CSS1/3 | 无 | 定义元素的背景图像。 |
| background-repeat | CSS1/3 | 无 | 定义元素的背景图像如何填充。 |
| background-attachment | CSS1/3 | 无 | 定义滚动时背景图像相对于谁固定。 |
| background-position | CSS1/3 | 无 | 指定背景图像在元素中出现的位置。 |
颜色
| 属性 | 版本 | 继承性 | 描述 |
|---|---|---|---|
| color | CSS1 | 有 | 指定颜色 |
| opacity | CSS3 | 无 | 定义元素的不透明度 |
字体
| 属性 | 版本 | 继承性 | 描述 |
|---|---|---|---|
| font | CSS1/2 | 有 | 简写属性，定义元素的文本特性 |
| font-style | CSS1 | 有 | 指定元素的文本是否斜体 |
| font-variant | CSS1 | 有 | 定义元素的文本是否为小型的大写字母 |
| font-weight | CSS1 | 有 | 定义元素的文本字体的粗细 |
| font-size | CSS1 | 有 | 定义元素的文本字体的粗细 |
| font-family | CSS1 | 有 | 定义元素的字体名称序列 |
| # 文本 | |||
| 属性 | 版本 | 继承性 | 描述 |
| — | — | — | — |
| text-transform | CSS1/3 | 有 | 定义元素的文本如何转换大小写 |
| white-space | CSS1 | 有 | 指定元素是否保留文本间的空格，换行；指定文本超过边界是否换行 |
| text-align | CSS1/3 | 有 | 定义元素内容的水平对齐方式 |
| word-spacing | CSS1/3 | 有 | 指定单词间的额外间隙 |
| letter-spacing | CSS1/3 | 有 | 指定字符之间的额外间隙 |
| vertical-align | CSS1/2 | 无 | 定义行内元素在行框内的垂直对齐方式 |
| line-height | CSS1 | 有 | 定义元素中行框的最小高度 |
| # 文本装饰 | |||
| 属性 | 版本 | 继承性 | 描述 |
| — | — | — | — |
| text-decoration | CSS1/3 | 无 | 简写属性。定义元素文本装饰 |
| # 列表 | |||
| 属性 | 版本 | 继承性 | 描述 |
| — | — | — | — |
| list-style | CSS1 | 无 | 简写属性。设置列表项目相关内容 |
| list-style-image | CSS1 | 有 | 设置或检索作为对象的列表项标记的图像 |
| list-style-position | CSS1 | 有 | 设置或检索作为对象的列表项标记如何根据文本排列 |
| list-style-type | CSS1 | 有 | 设置或检索作为对象的列表项所使用的预设标记 |
| # 表格 | |||
| 属性 | 版本 | 继承性 | 描述 |
| — | — | — | — |
| table-layout | CSS2 | 无 | 设置或检索表格的布局算法 |
| border-collapse | CSS2 | 有 | 设置或检索表格的行和单元格的边是否合并在一起还是按照标准的 HTML 样式分开 |
| border-spacing | CSS2 | 有 | 设置或检索当表格的边框独立时是，行和单元格的边框在横向和纵向上的间距 |
| caption-side | CSS2 | 有 | 设置或检索表格的 caption 对象是在表格的哪一边 |
| empty-cells | CSS2 | 有 | 设置或检索当表格的单元格无内容时，是否显示该单元格的边框 |
| # 内容 | |||
| 属性 | 版本 | 继承性 | 描述 |
| — | — | — | — |
| content | CSS2 | 无 | 用来和 :after 及 :before 伪元素一起使用，在对象前或对象后显示内容 |
| content-increment | CSS2 | 无 | 设定当一个 selector 发生时计数器增加的值 |
| content-reset | CSS2 | 无 | 将指定 selector 的计数器复位 |
| quotes | CSS2 | 有 | 设置或检索对象内使用的嵌套标记 |
用户界面
| 属性 | 版本 | 继承性 | 描述 |
|---|---|---|---|
| outline | CSS2 | 无 | 复合属性，设置或检索对象外的线条轮廓 |
| outline-width | CSS2 | 无 | 设置或检索对象外的线条轮廓宽带 |
| outline-style | CSS2 | 无 | 设置或检索对象外的线条样式 |
| outline-color | CSS2 | 无 | 设置或检索对象外的线条轮廓颜色 |
| cursor | CSS2 | 有 | 设置或检索对象上移动的鼠标指针采用何种系统预定义的光标形状 |
语法与规则
| 属性 | 版本 | 描述 |
|---|---|---|
| !important | CSS1 | 提升指定样式条目的应用优先权。 |
| /*comment*/ | CSS1 | CSS 中的注释 /* 这里是注释内容 */ 。 |
| @import | CSS1/3 | 指定导入外部样式表及其目标媒体。该规则必须在样式表头部最先声明。 |
| @charset | CSS2 | 在外部样式表文件内使用。指定该样式表使用的字符编码 |
取值与单位
- em
- rem
- vw
- vh
- cm
- mm
- pt
- pc
- px